<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>登录&注册</title>
	<link rel="stylesheet" type="text/css" href="../css/front/Login.css" />
<!-- 引入背景样式-->
	<link rel="stylesheet" type="text/css" href="../css/front/background.css" />

</head>
<body>
	<ul class="square">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
	<ul class="circle">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
<div class="dowebok" id="dowebok">
	<div class="form-container sign-up-container">
		<form action="#">
			<img src="../img/front/loginheadshot.png" >
			<input type="text" id="idcard" name="phonenum" placeholder="手机号">
			<input type="text" id="Username" name="username" placeholder="姓名">
			<input type="password" id="Password" name="password" placeholder="输入由数字组成的密码">
			<input type="password" id="Password2" name="password2" placeholder="确认密码">
			<div id="CaptchaDiv">
				<input type="text" id="Captcha" name="Captcha" placeholder="验证码">
				<canvas id="canvas" width="110px" height="55px"></canvas>
			</div>
				<button id="register">注册</button>
		</form>
	</div>                                                                               
	
	<div class="form-container sign-in-container">
		<form action="#">
			<img src="../img/front/loginheadshot.png" >
			<input type="text" placeholder="手机号">
			<input type="password" placeholder="密码">
			<a href="#">忘记密码？</a>
			<button>登录</button>
		</form>
	</div>
	
	<div class="overlay-container">
		<div class="overlay">
			<div class="overlay-panel overlay-left">
				<h1>已有帐号？</h1>
				<p>请使用您的帐号去探索知识海洋</p>
				<button class="ghost" id="signIn">登录</button>
			</div>
			<div class="overlay-panel overlay-right">
				<h1>没有帐号？</h1>
				<p>立即注册加入学习大家庭</p>
				<button class="ghost" id="signUp">注册</button>
			</div>
		</div>
	</div>
</div>
<!-- 引入jquery -->
<script src="../js/jquery-3.7.1.js" type="text/javascript"></script>
<!-- 引入登录注册js -->
<script src="../js/front/Login.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入验证码js -->
<script src="../js/front/Captcha.js" type="text/javascript" charset="utf-8"></script>

</body>
</html>


